import { useSelector } from "react-redux"

function FullLoading() {
    const loading = useSelector(state => state.loading.loading)
    return (
        <> {loading} {loading === true && <div className="absolute inset-0 flex flex-col items-center justify-center bg-base-20" style={{height:'100vh',width:'100vw',zIndex:'9999'}}>
            <div className="bg-base-100 rounded-md w-10 h-10 flex flex-col items-center justify-center">
                <span className="loading loading-bars loading-md"></span>
            </div>
        </div>}
        </>
    )
}


export default FullLoading